@charset"UTF-8";
$fontSize:40;   
@function r($p) {
    @return $p/$fontSize*1rem;
}
*{
    font-size: 0;
}
html,body{
    height: 100%;
    width: 100%;
}
html{
    font-size: 40px;
}

.web{
    width: 100%;
    >.top{
        width: 100%;
        height: r(75);
        border-bottom: 1px solid #a7a7a7;
        >ul{
            display: flex;
            justify-content: space-between;
            line-height: r(75);
            padding-left: r(28);
            padding-right: r(28);
            >li:nth-of-type(1){
                display: flex;
                align-items: center;
                >a{
                    height: r(31);
                    width: r(18);
                    >img{
                        height: r(31);
                        width: r(18);
                    }
                }
            }
            >li:nth-of-type(2){
                font-size: r(30);
                color: rgba(0,0,0,9);
            }
            >li:nth-of-type(3){
                 height: r(31);
                  width: r(18);
            }
        }
    }
    .content{
        width: r(584);
        margin: 0 auto;
        padding-bottom: r(456);
        >ul{
            >li{
                line-height: r(100);
                height: r(100);
                border-bottom: 1px solid #dcdcdc;
                display: flex;
                justify-content: space-between;
                >span{
                    color: #737373;
                    font-size: r(24);
                }
                >div{
                    display: flex;
                    align-items: center;
                    >img{
                        width: r(15);
                        height: r(25);
                    }
                    >#tesu{
                        height: r(35);
                        width: r(35);
                        margin-right: r(13);
                    }
                }
            }
        }
    }
}
